/* ***********************
 * Version: MPL 1.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is readerDefault.css style template.
 *
 * The Initial Developer of the Original Code is Rob Gerns.
 *
 * Portions created by the Initial Developer are Copyright (C) 2011
 * the Initial Developer. All Rights Reserved.
 *
 **************************/
 
 
/*****************************General Structure***********************
* Styles that should be applied
* to all instances of certain
* elements in the HTML document
******************************/
body { 
    background-color:#000000;
    width:98%;
}

a:link {
    text-decoration:none;
    color:#6666ff;
}
a:visited {
    text-decoration:none;
    color:#6666ff;
}
a:hover {
    text-decoration:none;
    color:#6666dd;
}
   

/*****************************Menu***********************
* Styles for elements that are
* part of the top menu bar
******************************/

/* The overall container of the menu bar */
#displayMenu{
}

.topMenu{ 
    color:#ffffff;
    border: 1px solid #ccccff;
    background-color:#dfefff;
    padding:2px 0px 5px 45px;
    background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#000077), to(#000000));

}

/* Menu Radio Buttons */
#urlFile {
}
#localFile {
}

/* Menu File Method Input Types (textbox, etc) */
#oisterFileURL {
    color:#000000;
}
#oisterFileLocal {
}

/* Menu Display button */
#displayBtn {
    color:#deedff;
    border-width:1px;
    background-color:#000099;
    background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#333333), to(#000099));
}

/* oisterReader Menu Clear button */
#clearBtn {
    color:#deedff;
    border-width:1px;
    background-color:#000099;
    background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#333333), to(#000099));
}

/*****************************Features Display Area***********************

/* div layer that "contains" all of the features */
#container {
    margin:5px 0px 5px 5px;
}

/***********************************Brief*****************************
* Styles for elements that display information from the "brief" section of the Oister file
******************8***************************************************/

/* Used to attach the brief info to the beginning/top of the container area */
#begin {

}

/* Used to display the name of the site associated with the Oister document */
#sitename { 
}
.sitename{
    text-align:left;
    font-weight:bold;
    font-size:x-large;
}

/* Used to show the title of the site as a link */
.sitetitle {
    font-variant: small-caps;
}

/* Used to display the site tagline */
#tagline {
}
.tagline {
    color:#ffffff;
    text-align:left;
    font-weight:bold;
    font-size:large;
}

/* Used to display any site authors (not necessarily feature authors) */
.authors {
    color:#ffffff;
    font-size:small;
    text-align:right;
    padding:0px 0px 2px 0px;
    margin:0px 4px 4px 0px;
}

/* Used to display any e-mail address associated with a site author */
.authorsEmail {
    color:#ffffff;
    font-size:small;
    text-align:right;
}

/* Used to display information/links/etc about any sponsors of the site */  
.sponsor {
    color:#ffffff;
    padding:2px 0px 2px 0px;
}

/* Used to indicate the creation date of the Oister file */
#createDate {
}
.createDate {
    color:#ffffff;
    font-size:small;
    text-align:right;
    padding:0px 0px 2px 0px;
}

/* Used to display any license information about the site's Oister file */
#license {
}
.license {
    color:#ffffff;
    padding:0px 0px 2px 0px;
    text-align:left;
}

/* Used to display any notes about the Oister file */
#notes {
}
.notes{
    color:#ffffff;
    font-size:small;
    padding:0px 0px 2px 0px;
    text-align:right;
}

/********************************End Brief****************************/
																	 
/**********************************Shell******************************
* Styles for elements that display information from the "shell" section of the Oister file
**********************************************************************/

/* Used to display up to 3 advertisements ahead of the features but after the brief info */
#advertisement1 {
    float:left;
}
#advertisement2 {
    float:left;
}
#advertisement3 {
}
.advertisement{
    font-size:small;
    height:20px;
    border:0px;
    padding:2px 2px 2px 2px;
    margin:0px 25px 0px 0px;
}

/* Used to display the features according to priority level */
#highest {
}
#high {
}
#normal {
}
#low {
}
#lowest {
}

/* Used to contain all the information about a single feature that has "Highest" priority*/
.featureHighest {
    color:#efefff;
    border:1px solid #ccccff;
    padding:8px 8px 8px 8px;
    margin:0px 1px 12px 12px;
    background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#000000), to(#000033));
}

/* Used to contain all the information about a single feature that has "High" priority*/
.featureHigh{
    color:#efefff;
    border:1px solid #ccccff;
    padding:8px 8px 8px 8px;
    margin:0px 1px 12px 12px;
    background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#000000), to(#000033));

}

/* Used to contain all the information about a single feature that has "Normal" priority*/
.featureNormal{
    color:#efefff;
    border:1px solid #ccccff;
    padding:8px 8px 8px 8px;
    margin:0px 1px 12px 12px;
    background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#000000), to(#000033));
}

/* Used to contain all the information about a single feature that has "Low" priority*/
.featureLow{
    color:#efefff;
    border:1px solid #ccccff;
    padding:8px 8px 8px 8px;
    margin:0px 1px 12px 12px;
    background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#000000), to(#000033));
}

/* Used to contain all the information about a single feature that has "Lowest" priority*/
.featureLowest{
    color:#efefff;
    border:1px solid #ccccff;
    padding:8px 8px 8px 8px;
    margin:0px 1px 12px 12px;
    background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#000000), to(#000033));
}


/* The title of the feature */
.featureTitle {
    font-size:x-large;
    font-weight:bold;
    padding:2px 0p 0px 2px;
}

/* Priority level of feature */
.priority {
    font-size:medium;
    font-weight:bold;
    padding:2px 0p 0px 2px;
}

/* This is for the div layer that contains a feature image */
.featureImageDiv {
    padding:0px 0px 0px 0px;
    margin:2px 5px 2px 0px;
    border:0px;
}

/* This is for the feature image itself */
.featureImage {
    margin:0px 0px 2px 0px;
}

/* This is for the feature description (the "meat" of the feature) */
.description {
    float:none;
    margin:0px 0px 5px 0px;
}

/* The div that contains contact information related to the feature */
.featureContact {
    margin:2px 0px 0px 25px;
}
.featureContact a {
}

/* The div that contains the link to the feature */
.featurelink {
    margin:2px 0px 0px 25px;
}
.featurelink a {
}
/* The div that contains the comments info of a feature */
.comments {
    margin:2px 0px 0px 25px;
}
/* The div that contains the tags of the feature */
.tags {
    margin:2px 0px 0px 25px;
    text-align:right;
}

/* The div that contains a link or some sort of URL to a map that relates to the feature */
.map {
    margin:2px 0px 0px 25px;
    text-align:right;
}

/* The names of any authors of the feature */
.featureAuthor {
    margin:2px 0px 0px 0px;
}

/* The e-mail addresses of any feature contributors */
.contributors {
    margin:2px 0px 0px 25px;
    text-align:right;
}

/* Any copyright info relating to the feature */
.copyright {
    margin:2px 0px 0px 25px;
    text-align:right;
}

/* Any documentation relating to the feature */
.documentation {
    margin:2px 0px 0px 25px;
    text-align:left;
}

/* Any sort of GUID for the feature */
.guid {
    margin:2px 0px 0px 25px;
    text-align:right;
}

/* The timestamp of the feature (when it was posted/created) */
.timestamp {
    margin:2px 0px 0px 25px;
}

/* The showuntil datetime of the feature (just in case it's displayed) */
.featureShowUntil {
    margin:2px 0px 0px 25px;
}

/* A div that contains any URLs of media files that go with the feature or the actual media files if they're HTML5 compatible*/
.media {
    margin:2px 0px 0px 25px;
}

/********************************End Shell****************************/



/********************************Templates****************************
* Styles for elements that are 											  
* from extensions, for custom 
* templates, etc.
******************************/


